<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>6.使用Map类型控制网站表单提交</title>
</head>

<body>
  <form action="http://www.houdunren.com" onsubmit="return post()">
    接受协议
    <input type="checkbox" name="agreement" error="请接受接受协议">
    网站只对学生开放
    <input type="checkbox" name="student" error="网站只对学生开放">
    <input type="submit">
  </form>
  <script>
    function post() {
    let map = new Map();
    let inputs = document.querySelectorAll("[error]")
    inputs.forEach(item=>{
      // map可以存储成对像
      map.set(item,{
        error: item.getAttribute("error"),
        status:item.checked
      })
    });
    //使用数组的特性和解构特性
    return [...map].filter(([elem,config])=> {
      config.status|| alert(config.error);
      return config.status;      
    });
    }
  </script>
</body>

</html>